<template>
    <div class="w100p bgfff mt50 media_p20">
        <div class="_container_ disflex jusbet media_pl10">
            <div class="pt60 fs16 c333 lh30 media_pt0">
                <p><span class="pr30" v-html="'联系电话：'+setting.ke_mobile"></span><span v-html="'邮政编码：'+setting.company_you"></span></p>
                <p v-html="'公司直营商务接待地址：'+setting.company_addr"></p>
            </div>
            <div class="textr clearfix  media_w100p media_pt0">
                <img src="./../../assets/img/sx2.png" alt="" class="w128 mr20 fl media_w25p pt38">
                <img src="./../../assets/img/sx.png" alt="" class="w128 mr20 fl media_w25p pt38"><!-- @click="showPic(1)"-->
                <img src="./../../assets/img/yyzz.png" alt="" class="w128 fl media_w25p pr43 pt38"><!-- @click="showPic(2)"-->
                <div class="fl pt4 textc media_w100p">
                    <p class="fs14 pb10 cgreen2">“陕商所”微信公众号</p>
                    <div class="clearfix">
                        <div class="pr8 fl">
                            <p class="fs16 c333 textc pb20">订阅号</p>
                            <img src="./../../assets/img/dyh.jpg" alt="" class="w128 h128">
                        </div>
                        <div class="textc fl">
                            <p class="fs16 c333 textc pb20">服务号</p>
                            <img src="./../../assets/img/wb.jpg" alt="" class="w128 h128">
                        </div>
                    </div>

                </div>

            </div>
        </div>
        <div class="bg31 w100p lh50 fs16 c777">
            <p class="_container_" v-html="setting.site_name + ' 版权所有 ' + setting.icp"></p>
        </div>
        <!--图片放大-->
        <el-dialog
                title=""
                class="zoompic"
                :visible.sync="picShow"
                width="70%">
            <img :src="infoSrc" alt="">
        </el-dialog>
    </div>
</template>

<script>
    export default {
        name: "Bottom",
        props:['setting'],
        data(){
            return{
                set:'',
                picShow:false,
                infoSrc:'',
                src1:require('./../../assets/img/sx.png'),
                src2:require('./../../assets/img/yyzz.png')
            }
        },
        watch:{
            '$setting'(newVal,oldVal){
                this.set = newVal;
                console.log(newVal)
            }
        },
        methods:{
            showPic(s){
                if(s==1){
                    this.infoSrc = this.src1
                }else {
                    this.infoSrc = this.src2
                }
                this.picShow = true;
            }
        }
    }
</script>

<style>
    .zoompic img{
        width: 100%;
    }
</style>





















